body { 
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: small;
	margin: 5px;
}

a {	
	color: darkblue;
}

a:visited {	
	color: darkblue; 
}

.gwt-DialogBox {
	border: 2px solid #AAAAAA;
	background-color: white;
}

.gwt-DialogBox .Caption {
	background-image: url(gray_gradient.gif);
	background-repeat: repeat-x;
	padding: 4px;
	padding-bottom: 8px;
	font-weight: bold;
	cursor: default;
}

.gwt-MenuBar {
	background-color: #C3D9FF;
	cursor: default;
}

.gwt-MenuItem {
	font-size: 80%;
	margin: 1px;
	cursor: default;
}

.gwt-MenuItem-selected {
	background-color: #E8EEF7;
}

.gwt-Tree {
}

.gwt-Tree .gwt-TreeItem {
	font-size: 80%;
	cursor: default;
}

.gwt-Tree .gwt-TreeItem-selected {
	background-color: #C3D9FF;
}

.gwt-StackPanel {
	background-color: white;
	border: 1px solid #AAAAAA;
	width: 15em;
}

.gwt-StackPanel .gwt-StackPanelItem {
	background-image: url(blue_gradient.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	cursor: pointer;
	cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}

.gwt-TabPanel {
	
}

.gwt-TabPanelBottom {
	border-left: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
}

.gwt-TabBar {
	font-size: smaller;
}

.gwt-TabBar .gwt-TabBarFirst {
	height: 100%;
	border-bottom: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
	border-bottom: 1px solid #87b3ff;
	padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
	border-top: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
	padding: 2px;
	cursor: hand;
	white-space: nowrap;
	border-right: 1px solid #87b3ff;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	font-weight: bold;
	background-color: #e8eef7;
	border-top: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #e8eef7;
	padding: 2px;
	cursor: default;
	white-space: nowrap;
}

.gwt-PushButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-RichTextArea {
  border: 1px solid black;
  background-color: white;
}

.gwt-RichTextToolbar {
  background-color: #C3D9FF;
  padding: 2px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-PushButton-down {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
  margin-right: 2px;
  background-color: #E8F1FF;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
  margin-right: 2px;
  background-color: #E8F1FF;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-HorizontalSplitPanel {
	border: 8px solid #C3D9FF;
}

.gwt-HorizontalSplitPanel .splitter {
	background-color: #C3D9FF;
	cursor: move;
}

.gwt-HorizontalSplitPanel .left {
  background-color: #E8EEF7;
}

.gwt-VerticalSplitPanel {
	border: 8px solid #C3D9FF;
}

.gwt-VerticalSplitPanel .splitter {
	background-color: #C3D9FF;
	height: 8px;
	cursor: move;
}

.gwt-SuggestBoxPopup {
	border: 2px solid #C3D9FF;
}

.gwt-SuggestBoxPopup .item {
	padding: 2px;
}

.gwt-SuggestBoxPopup .item-selected {
	background-color: #C3D9FF;
	padding: 2px;
}

.gwt-DisclosurePanel {
	border: 2px solid #C3D9FF;
}

.gwt-DisclosurePanel .header {
	background-color: #e8eef7;
	cursor: hand;
}

.titolo {
height: 20%;
width: 100%;
}
.centralFrame {
height: 60%;
width: 100%;
}
.bordo {
height: 100%;
width: 10%;
}
.videoCont {
height: 100%;
width: 80%;
}
.nord {
	background-color: deepskyblue;
}
.sud {
	background-color: teal;
}
.centro {
	background-color: green;
}
.ovest {
	background-color: Purple;
}
.centrale {
	margin: 1px;
	padding: 1px;
	border: 1px;
	background-color: Red;
}
.est {
	background-color: cornflowerblue;
}

.playPauseButton {
background-position: center center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.stopButton {
	background-position: center center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(Img/Icons/Player/Stop.png);
   
}

.forwardButton {
	background-image: url(Img/Icons/Player/Avanti.png);
	background-position: center center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.backButton {
	background-image: url(Img/Icons/Player/Indietro.png);
	background-position: center center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.endButton {
	background-image: url(Img/Icons/Player/End.png);
	background-position: center center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.FullScreenButton {
	background-image: url(Img/Icons/Player/FullScreen.png);
	background-position: center center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.VolumeButton {
	background-position: center center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.controlBar {
	background-color: Yellow;
}
.videoPlayer {
	margin: 0px;
	padding: 0px;
	border: 0px hidden;
	background-color: greenyellow;
}
.panelVideoContainer {
	margin: 0px;
	padding: 0px;
	border: 0px hidden;
	background-color: Black;
}
.videoControls {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: slateblue;
}
.panelProgressBar {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.panelControls {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.sliderVolume {
	margin: 0px;
	padding: 0px;
	border-top: 2px dashed Black;
	border-right: 2px dashed black;
	border-bottom: 2px dashed Black;
	border-left: 2px dashed black;
	background-color: deeppink;
}

.AnnotationBoxSelected {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	margin: 0px;
	padding: 0px;
	border: 10px;
	background-color: lightgoldenrodyellow;	    
	border-image: url(Img/Icons/TagBorder/Box.png) 20 round round;
	-moz-border-image: url(Img/Icons/TagBorder/Box.png) 20 round round;	
	-webkit-border-image: url(Img/Icons/TagBorder/Box.png) 20 round round;
    -o-border-image: url(Img/Icons/TagBorder/Box.png) 20 round round; 
}

.AnnotationBox {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	margin: 0px;
	padding: 0px;
	border: 10px dotted lightgoldenrodyellow;
	background-color: lightgoldenrodyellow; 	
}


.TextArea {
	background-color: lightgoldenrodyellow;
	margin: 0px;
	padding: 0px;
	border: 5px dotted lightgoldenrodyellow;	
}

.AnnotationBar {
	margin: 0px;
	padding: 0px;
	background-color: blue;	
}

.TagOnBarBoxSelected {
	border: 2px solid red;	
}

.TagOnBarBox {	
	border: 2px solid black;	
}

.AnnotationPreviewPanel {
	background-color: Yellow;	
}

.CloudTagPanel {
	background-color: Red;	
}

.AnnotationPreviewScrool {
	background-color: Red;	
}

.AnnotationPreviewGrid {
	background-color: blue;	
}


.AnnotationTagText {
	background-color: white;	
}

.AnnotationPrevieTextBox {
	background-color: Khaki;
	margin: 0px;
	padding: 0px;
	border: 5px dotted Khaki;	
}


.smallestCloudTag { font-size: 15px; color: blue;  }
.smallestsmallCloudTag { font-size: 18px; color: Yellow; }
.smallCloudTag { font-size: 21px; color: orange;}
.smallMediumCloudTag { font-size: 24px; color: white; }
.mediumCloudTag { font-size: 27px; color: green;}
.mediumLargeCloudTag { font-size: 30px; color: LightGreen;}
.largeCloudTag { font-size: 33px; color: Cyan ;}
.largeLargestCloudTag { font-size: 36px; color: DarkMagenta;}
.largestCloudTag { font-size: 40px; color: DarkOrchid; }
.PluslargestCloudTag { font-size: 45px; color: violet;}

/*
.smallestCloudTag { font-size: 15px;}
.smallestsmallCloudTag { font-size: 18px;}
.smallCloudTag { font-size: 21px;}
.smallMediumCloudTag { font-size: 24px;}
.mediumCloudTag { font-size: 27px;}
.mediumLargeCloudTag { font-size: 30px; }
.largeCloudTag { font-size: 33px;}
.largeLargestCloudTag { font-size: 36px; }
.largestCloudTag { font-size: 40px;}
.PluslargestCloudTag { font-size: 45px;}
*/


